// tools.scss

// 主题类
$theme:#000;

//重置样式
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

//ios下生效
* {
  -webkit-overflow-scrolling: touch; //允许独立的滚动区域和触摸回弹
}


// 布局类

//flex布局
.flex-sub-center {
  display: flex;
  align-items: center;
}

.flex-main-center {
  display: flex;
  justify-content: center;
}

.flex-center {
  display: flex;
  justify-content: center;
  align-items: center;
}

.flex-main-between {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.flex-main-between {
  display: flex;
  flex-direction: column;
  justify-content:center;
  align-items:space-between;
}

.flex-main-around {
  display: flex;
  flex-direction: row;
  justify-content:space-around;
  align-items: center;
}

.flex-main-around {
  display: flex;
  flex-direction: column;
  justify-content:center;
  align-items: space-around;
}

.flex-column{
  display: flex;
  flex-direction: column;
}

.flex-row{
  display: flex;
  flex-direction: row;
}


//float布局
.float-left{
  float: left;
}

.float-right{
  float: right;
}

//清楚浮动
.clearfloat:after {
  display: block;
  clear: both;
  content: "";
  visibility: hidden;
  height: 0
}

.clearfloat {
  zoom: 1
}
